.mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.8);z-index:10}
.gotReward-popup{opacity:0;position:relative;z-index:11;
    .center{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11}
    .beams{position:relative;width:2rpx;height:0rpx;
        .li{position:absolute;display:flex;justify-content:center;align-items:center;}
        .beam{position:absolute; background:linear-gradient(rgb(252, 236, 89),rgba(252, 236, 89,0));width:100rpx;height:400rpx;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, -0.008, 0, 0, 1, 0, 0, 0, 0,1.5);top:50rpx}
    }

    .pop{top:50%;
        .popup{width:500rpx;margin-bottom:100rpx;
            .title{width:100%;text-align:center;margin:0 auto;line-height:100rpx;background-color:#FA5151;width:80%;position:relative;z-index:1;border-radius:100rpx 100rpx 20rpx 20rpx;color:#FFD643;font-weight:bold;font-size:48rpx;}
            .container{width:100%;background-color:#FFD643;border-radius:24rpx;padding:10rpx;box-sizing:border-box;margin-top:-50rpx;
                .inner{width:100%;background-color:#fff;padding:40rpx;box-sizing:border-box;border-radius:60rpx;position:relative;
                    .box{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:40rpx;padding-bottom:14rpx;border-radius:24rpx;
                        image{width:260rpx;height:260rpx;border-radius:16rpx;margin-bottom:12rpx;}
                        .name{font-size:32rpx;color:#2D3057;font-weight:bold;margin-bottom:16rpx;}
                        .deadline{font-size:24rpx;color:#828282;
                            span{color:#FA5151}
                        }
                    }
                    .provider{position:absolute;font-size:24rpx;color:#fff;font-weight:bold;border-radius:0 50rpx 50rpx 0;line-height:50rpx;padding:0 20rpx;top:60rpx;left:0;background:linear-gradient(89.82deg, #FF630B -2.67%, #FF8E4F 46%, #FFE81D 107.56%);}
                }
            }
        }
        .button{padding-top:48rpx;text-align:center;font-size:28rpx;color:#f2f2f2;text-decoration:underline;}
    }

    .stars{position:fixed;z-index:1;top:0;bottom:0;left:0;right:0;z-index:1;
        .container{width:48rpx;height:48rpx;position:fixed;top:50%;left:50%;transform:translate(-50%;-50%)}
        .star{position:fixed;
            image{width:48rpx;height:48rpx;}
        }
        .star:nth-of-type(1){top:calc(100% * -8);left:calc(100% * -4);animation:star1 1s linear infinite;}
        .star:nth-of-type(2){top:calc(100% * -4);left:calc(100% * -6.5);transform:scale(2);animation:star2 1s linear infinite;}
        .star:nth-of-type(3){top:calc(100% * 3);left:calc(100% * -6);transform:scale(1.5);opacity:0.4;filter:blur(1px);}
        .star:nth-of-type(4){top:calc(100% * 4.8);left:calc(100% * 4.5);transform:scale(1.5);animation:star4 .7s linear infinite;}
        .star:nth-of-type(5){top:calc(100% * 2);left:calc(100% * 6.5);transform:scale(1.5);opacity:0.4;filter:blur(1px);}
        .star:nth-of-type(6){top:calc(100% * -7.5);left:calc(100% * 4.5);transform:scale(1.5);animation:star6 1.2s linear infinite;}
        .star:nth-of-type(7){top:calc(100% * -10);left:calc(100% * 1.5);transform:scale(1.5);opacity:0.4;filter:blur(1px);}
    }
}

@keyframes star1 {
	0%   {transform:scale(1)}
	50% {transform:scale(1.5)}
    100% {transform:scale(1)}
}

@keyframes star2 {
	0%   {transform:scale(2)}
	50% {transform:scale(1)}
    100% {transform:scale(2)}
}

@keyframes star4 {
	0%   {transform:scale(1.5)}
	50% {transform:scale(2)}
    100% {transform:scale(1.5)}
}

@keyframes star6 {
	0%   {transform:scale(1.5)}
	50% {transform:scale(1.8)}
    100% {transform:scale(1.5)}
}